<div class="section-title" ng-click="togglePanel('productInfo',$event);">
    <i class="material-icons close">remove</i>
    <i class="material-icons open">add</i>
    <label class="title-name" ng-bind="'dashboard.productInfo.title' | translate"></label>
    <div class="kmi-can-click"></div>
    <div style="z-index: 1; display: flex; padding-right: 2px">
        <button class="mdl-button mdl-js-button mdl-button--icon kmi-button--icon" ng-click="oepnB0224($event, dashboard.productInfo.flow_chart_url)">
            <i class="material-icons"></i>
        </button>
        <button class="mdl-button mdl-js-button mdl-button--icon kmi-button--icon" ng-click="changePanel($event, 'productInfo');">
            <i class="material-icons"></i>
        </button>
    </div>
</div>
<!-- 20230306 modify by Alan for M#123998 -->
<div class="section-content perfect-scrollbar">
    <div class="mdd-layout c-mdd-layout" layout-name="B0214_ProductionInfo" page-name="B0214_" style="flex: 1 1 0%; grid-template-columns: repeat(1, auto 1fr)" _transclude-elem="[object Object]">
        <label class="label" ng-show="_event['B0214_productName'].isShown != 'N'" style="" ng-bind="'B0214_ProductionInfo.columns.productName' | translate"></label>
        <div class="value" ng-show="_event['B0214_productName'].isShown != 'N'" style=""><label class="value" ng-bind="dashboard.productInfo.product_name" mdl-toast="{{dashboard.productInfo.product_name}}" mdl-toast-passive="true"></label></div>
        <label class="label" ng-show="_event['B0214_item_code'].isShown != 'N'" style="" ng-bind="'B0214_ProductionInfo.columns.item_code' | translate"></label>
        <div class="value" ng-show="_event['B0214_item_code'].isShown != 'N'" style=""><label class="value" ng-bind="dashboard.productInfo.item_code" mdl-toast="{{dashboard.productInfo.item_code}}" mdl-toast-passive="true"></label></div>
        <label class="label" ng-show="_event['B0214_wo_no'].isShown != 'N'" style="" ng-bind="'B0214_ProductionInfo.columns.wo_no' | translate"></label>
        <div class="value" ng-show="_event['B0214_wo_no'].isShown != 'N'" style=""><label class="value" ng-bind="dashboard.productInfo.wo_no" mdl-toast="{{dashboard.productInfo.wo_no}}" mdl-toast-passive="true"></label></div>
        <label class="label" ng-show="_event['B0214_plot_no'].isShown != 'N'" style="" ng-bind="'B0214_ProductionInfo.columns.plot_no' | translate"></label>
        <div class="value" ng-show="_event['B0214_plot_no'].isShown != 'N'" style=""><label class="value" ng-bind="dashboard.productInfo.plot_no" mdl-toast="{{dashboard.productInfo.plot_no}}" mdl-toast-passive="true"></label></div>
        <label class="label" ng-show="_event['B0214_qty'].isShown != 'N'" style="" ng-bind="'B0214_ProductionInfo.columns.qty' | translate"></label>
        <div class="value" ng-show="_event['B0214_qty'].isShown != 'N'" style=""><label class="value" ng-bind="dashboard.productInfo.qty" mdl-toast="{{dashboard.productInfo.qty}}" mdl-toast-passive="true"></label></div>
        <div item-name="next_op_no" class="dashboard-fields margin-top-content next_op_no" ng-show="_event['B0214_next_op_no'].isShown != 'N'" is-hide-label="N" style="grid-column-start: span 2">
            <i class="material-icons" ng-click="oepnB0222($event, plotItem);"></i>
            <label class="value productInfo" ng-bind="dashboard.productInfo.next_op_no"></label>
        </div>
        <label class="label" ng-show="_event['B0214_reached_rate'].isShown != 'N'" style="" ng-bind="'B0214_ProductionInfo.columns.reached_rate' | translate"></label>
        <div class="value" ng-show="_event['B0214_reached_rate'].isShown != 'N'" style=""><label class="value" ng-bind="dashboard.productInfo.reached_rate" mdl-toast="{{dashboard.productInfo.reached_rate}}" mdl-toast-passive="true"></label></div>
        <label class="label" ng-show="_event['B0214_OutputQty'].isShown != 'N'" style="" ng-bind="'B0214_ProductionInfo.columns.OutputQty' | translate"></label>
        <div class="value" ng-show="_event['B0214_OutputQty'].isShown != 'N'" style=""><label class="value" ng-bind="dashboard.productInfo.OutputQty" mdl-toast="{{dashboard.productInfo.OutputQty}}" mdl-toast-passive="true"></label></div>
        <label class="label" ng-show="_event['B0214_GoodQty'].isShown != 'N'" style="" ng-bind="'B0214_ProductionInfo.columns.GoodQty' | translate"></label>
        <div class="value" ng-show="_event['B0214_GoodQty'].isShown != 'N'" style=""><label class="value" ng-bind="dashboard.productInfo.GoodQty" mdl-toast="{{dashboard.productInfo.GoodQty}}" mdl-toast-passive="true"></label></div>
        <label class="label" ng-show="_event['B0214_ScrapQty'].isShown != 'N'" style="" ng-bind="'B0214_ProductionInfo.columns.ScrapQty' | translate"></label>
        <div class="value" ng-show="_event['B0214_ScrapQty'].isShown != 'N'" style=""><label class="value" ng-bind="dashboard.productInfo.ScrapQty" mdl-toast="{{dashboard.productInfo.ScrapQty}}" mdl-toast-passive="true"></label></div>
    </div>
</div>
